<style>

</style>
<svg class="visible box">
<g transform="scale(0.3) translate(-45 -40)">
  <path d='m7.1 40 30 10 6 40 8-40 27-10-27-12-6-20-11 20z' fill='#c4f0fc' >
    <animateTransform
      attributeType="XML"
      attributeName="transform"
      type="translate"
      from="0 0"
      to="0 400"
      dur="1s"
      repeatCount="indefinite"
    />
  </path>
</g>

<path id="path1" d="M100,250 C 100,50 400,50 400,250" fill="none" stroke="blue" stroke-width="7.06" />
<path d="M-25,-12.5 L25,-12.5 L 0,-87.5 z" fill="yellow" stroke="red" stroke-width="7.06"  >
  <!-- Define the motion path animation -->
  <animateMotion dur="6s" repeatCount="indefinite" rotate="auto" >
    <mpath xlink:href="#path1"/>
  </animateMotion>
</path>

<rect x='200' width="30" height="30">
  <animate attributeName="rx" values="0;15;0" dur="1s" repeatCount="indefinite" />
</rect>

<circle cx="60" cy="60" r="50">
  <animateColor attributeName="fill" attributeType="XML" from="black" to="red" dur="6s" repeatCount="indefinite"/>
</circle>

</svg>